<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>同咨科技-商户后台</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="../../static/css/weadmin.css">
	<link href="../../lib/layui/css/layui.css" rel="stylesheet">

	<script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
	<script type="module" src="../components/use-body.js"></script>

	<link href="../../static/css/account.css" rel="stylesheet">
	<link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
	<use-body>
		<div class="page-body">

			<!-- 左边菜单 -->
			<div class="side">
				<span class="layui-breadcrumb breadcrumb" lay-separator="/">
					<a><i title="首页" class="iconfont use-more"></i></a>
					<a><cite>账号设置</cite></a>
				</span>

				<div class="layui-panel">
					<ul class="layui-menu" id="demo-menu">
						<li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
							<div class="layui-menu-body-title">个人信息</div>
							<ul>
								<li class="layui-menu-item-checked">
									<div class="layui-menu-body-title">账户资料</div>
								</li>
								<li>
									<div class="layui-menu-body-title">安全设置</div>
								</li>
								<li>
									<div class="layui-menu-body-title">登录日志</div>
								</li>
							</ul>
						</li>
						<li class="layui-menu-item-divider"></li>
						<li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
							<div class="layui-menu-body-title">通知</div>
							<ul>
								<li>
									<div class="layui-menu-body-title">通知公告</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<!-- 主体 -->
			<div class="page-border">
				<div class="user-profile">
					<div class="layui-font-14">修改头像</div>
					<div class="profile">
						<div class="item-img">
							<span><img></span>
						</div>
						<div class="upload">
							<button type="button" class="layui-btn layui-bg-gray" id="ID-upload-demo-size">
								点击上传
							</button>
							<div class="tips">
								仅支持JPG、PNG格式图片,且不超过1MB
							</div>
						</div>
					</div>
				</div>
				<div class="user-form">
					<div class="layui-font-14">基本信息</div>
					
					<form class="layui-form" action="">
						<div class="layui-form-item">
							<label class="layui-form-label">登录账号</label>
							<div class="layui-input-inline layui-input-wrap">
								<input type="text" name="username" lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
							</div>
							<div class="layui-form-mid layui-text-em">只可修改1次</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">姓名</label>
							<div class="layui-input-block">
								<input type="text" name="account" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">性别</label>
							<div class="layui-input-block">
								<input type="radio" name="sex" value="男" title="男" checked>
								<input type="radio" name="sex" value="女" title="女">
							</div>
						</div>

						<!--企业注册开始字段-->
						<div class="layui-form-item">
							<label class="layui-form-label">企业名称</label>
							<div class="layui-input-block">
								<input type="text" name="area" lay-verify="required" placeholder="请输入企业名称" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">所在部门</label>
							<div class="layui-input-block">
								<input type="text" name="area" lay-verify="required" placeholder="请输入所在部门" autocomplete="off" class="layui-input">
							</div>
						</div>
						<!--企业注册结尾-->

						<div class="layui-form-item">
							<label class="layui-form-label">所在地区</label>
							<div class="layui-input-block">
								<input type="text" name="area" lay-verify="required" placeholder="请输入地区" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item layui-form-text">
							<label class="layui-form-label">简介</label>
							<div class="layui-input-block">
								<textarea placeholder="请输入简介内容" class="layui-textarea"></textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-input-block">
								<button type="reset" class="layui-btn layui-btn-primary">取消</button>
								<button type="submit" class="layui-btn" lay-submit lay-filter="demo">保存</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>

	</use-body>
</body>

<script>
	layui.use(function () {
		var $ = layui.$;
		var layer = layui.layer;
		var upload = layui.upload;
		var form = layui.form;

		// 渲染
		upload.render({
			elem: '#ID-upload-demo-size',
			url: '', // 此处配置你自己的上传接口即可
			size: 1024, // 限制文件大小，单位 kb
			done: function (res) {
				layer.msg('上传成功');
				console.log(res);
			}
		});

		form.on('submit(demo)', function (data) {
			var field = data.field; // 获取表单字段值
			// 显示填写结果，仅作演示用
			layer.alert(JSON.stringify(field), {
				title: '当前填写的字段值'
			});
			// 此处可执行 Ajax 等操作
			// …
			return false; // 阻止默认 form 跳转
		});

	});
</script>

</html>